<template>
	<view class="JoinSuccess">
		<view class="JoinSuccess_content">
			<view class="JoinSuccess_icon"><image src="../../static/sv1.svg"></image></view>
			<view class="JoinSuccess_title">
				<view class="JoinSuccess_title_dd">提交成功</view>
				<view class="JoinSuccess_title_dt">您的加盟申请提交成功，我们会尽快联系审核。</view>
			</view>
			<view class="JoinSuccess_btn"><button  @click="gotoindex">返回首页</button></view>
		</view>
	</view>
</template>


<script>
	export default {
		data() {
			return {
				title: 'Hello!!'
			}
		},
		onLoad() {

		},
		methods: {
			gotoindex() {
			    uni.navigateTo({
					url: '/pages/index/Home'
				});
			}
		}
	}
</script>

<style>
	.JoinSuccess{ width: 100vw; height: 100vh; display: flex; align-items: flex-start; justify-content: center; padding: 40upx; box-sizing: border-box; text-align: center; background: #f5f5f5;}
	.JoinSuccess .JoinSuccess_content{ width: 100%; height: auto; background: #fff; border-radius: 20upx; padding: 65upx;}
	.JoinSuccess .JoinSuccess_icon{ width: 110upx; height: 110upx; background: #d9001b; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 35upx;}
	.JoinSuccess .JoinSuccess_icon image{ width: 60upx; height: 60upx;}
	.JoinSuccess .JoinSuccess_title .JoinSuccess_title_dd{ font-size: 42upx; color: #d9001b; font-weight: bolder; margin-bottom: 20upx;}
	.JoinSuccess .JoinSuccess_title .JoinSuccess_title_dt{ color: #666; font-size: 32upx; line-height: 1.5;}
	.JoinSuccess .JoinSuccess_btn{ display: flex; margin-top: 45upx;}
	.JoinSuccess .JoinSuccess_btn button{ font-size: 32upx; background: #d9001b; color: #fff; border-radius: 100px; padding: 16upx 35upx; line-height: normal;}
</style>